/*
DO NOT MODIFY THIS FILE! THIS FILE IS ALWAYS OVERRIDDEN WHEN UPDATING!

Create your own CSS file instead.
If you want to use this default CSS file as your base, use @import in your own custom CSS file.

For example custom.css:
@import /css/default.css

body
{
  .. your own modifications ..
}

$Id: default.css 154 2009-09-25 17:21:17Z pekka.jarvinen $

*/

/* CSS RESET: */
*
{
  margin: 0;
  padding: 0;
}

/******************************************************************************/

/* CSS */

body
{
  font-family: "Segoe UI", "Microsoft Sans Serif", Arial, Geneva, Sans-Serif;
  font-size: 0.8em;
  background-image: url('/images/bg.png');
  background-repeat: repeat-x;
  background-color: #fff;
}

h1
{
  font-size: 3em;
}

h2
{
  font-size: 2.5em;
}

h3
{
  font-size: 2em;
}


h1, h2, h3, h4
{
  padding-top: 0.5em;
  clear: both;
}

a, a:visited
{
  color: #000;
}

p
{
  padding-bottom: 1em;
}

.even
{
  background-color: #efe;
}

.odd
{
  background-color: #ffe;
}

.form-dd-submit
{
  padding-top: 1em;
}

/******************************************************************************/

/* Header */

#header
{
  display: block;
  clear: both;
  background-image: url('/images/headerbg.png');
  background-color: #fff;
}

#header h1
{
  padding-left: 1em;
}

#header #menu
{
  padding-left: 1em;
}

#header #menu ul
{
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
	white-space: nowrap;
}

#header #menu ul li:hover
{
  background-color: #fff;
}

#header #menu ul li
{
	position: relative;
	white-space: nowrap;
	border: none;
	padding: 0;
	background-repeat: no-repeat;
	height: 100%;
	display: inline;
	padding-right: 1em;
	padding-left: 1em;
}

#header #menu ul li a
{
  text-decoration: none;
  font-weight: bolder;
}


/* Admin menu */
#header #admin-menu
{
  background-color: #feaea0;
}

#header #admin-menu ul
{
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
	white-space: nowrap;
}

#header #admin-menu ul li
{
	position: relative;
	white-space: nowrap;
	border: none;
	padding: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
	background-repeat: no-repeat;
	height: 100%;
	display: inline;
	padding-right: 1em;
}

/******************************************************************************/

/* Footer */

#footer
{
  text-align: right;
}

#footer-content
{
  padding-right: 1em;
  padding-left: 1em;
}

/* Forms */
fieldset
{
  border: 0px solid #fff;
}

input, textarea
{
  border: 1px solid #000;
}

/******************************************************************************/

/* Posts */

#posts
{
  width: 48em;;
}

#posts .entry
{
  margin-top: 1em;
  display: block;
}

#posts .entry-subject
{
  display: block;
  border-bottom: 1px solid #000;
  padding-left: 1em;
  color: #339;
  font-weight: bolder;
}

#posts .entry-content
{
  padding: 1em;
  padding-left: 2em;
  display: block;
}

#posts .entry-author
{
  padding-left: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  display: block;
  border-top: 2px solid #eee;
  border-bottom: 2px solid #eee;
  background-color: #ddd;
}

/******************************************************************************/

/* Content */
#content
{
  margin: auto auto;
  width: 70em;
  min-height: 500px;
  padding-bottom: 1em;
  background-color: #fafafa;
  padding-left: 1em;
  padding-right: 1em;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  position: relative;
}

/* Menu */
#menu, #admin-menu ul
{
  height: 24px;
  background-image: url('/images/menubg.png');
  background-color: #fff;
}

#menu li.selected, #admin-menu li.selected
{
  background-color: #8ef;
}

/******************************************************************************/

/* Comic */

#comic-info
{
  display: block;
  border-bottom: 1px dashed #000;
  margin-bottom: 1em;
}

.comic-navigation
{
  display: block;
  clear: both;
}

.comic-navigation ul
{
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
	white-space: nowrap;
}

.comic-navigation ul li
{
	position: relative;
	white-space: nowrap;
	border: none;
	padding: 0;
	background-repeat: no-repeat;
	display: inline;
	padding-right: 1em;
}

.comment-added
{
  padding-right:1em;
}

#comic-navigation-bottom
{
  margin-bottom: 0.5em;
}

/* Comic archive */
#archive-year-list ul
{
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
	white-space: nowrap;
}

#archive-year-list ul li
{
	position: relative;
	white-space: nowrap;
	border: none;
	padding: 0;
	background-repeat: no-repeat;
	display: inline;
	padding-right: 1em;
}

/* Logout link */
#logout a
{
  color: #f11;
}

/* Bookmarks */
#bookmark-list
{
  background-color: #fff;
  border: 1px solid #000;
  /*width: 40em;*/
  padding-left: 1em;
  padding-right: 1em;
  display: inline-block;

}

#bookmark-list ul
{
  display: inline;
  margin: auto auto;
  text-align: center;
}

#bookmarks
{
  clear: both;
	margin: 0;
	padding: 5px 0 0 0;
	list-style: none;
}

#bookmarks li
{
	background-repeat: no-repeat;
	position: relative;
	white-space: nowrap;
	display: inline;
  padding-left: 0.5em;
}

#bookmarks li a
{
	background-repeat: no-repeat;
	padding-left: 18px;
	padding-right: 7px;
	text-decoration: none;
}

#bookmarks li a:hover
{
  text-decoration: underline;
}

#bookmarks li a#delicious
{
	background-image: url('/images/delicious.gif');
}

#bookmarks li a#digg
{
	background-image: url('/images/digg.gif');
}

#bookmarks li a#facebook
{
	background-image: url('/images/facebook.gif');
}

#bookmarks li a#reddit
{
	background-image: url('/images/reddit.gif');
}

#bookmarks li a#stumbleupon
{
	background-image: url('/images/stumbleupon.gif');
}

/* Debug */
#sql-query-list
{
  text-align: left;
}

/* Guestbook */
#guestbook div
{
  margin-bottom: 1em;
}

#guestbook .question
{
  padding-left: 1em;
  padding-right: 1em;
}

#guestbook .answer
{
  padding-left: 1em;
  padding-right: 1em;
  border-top: 1px dashed #000;
  margin-top: 1em;
  color: #f00;
}

/* Frontpage Comic statistics */
#statistics
{
  position: absolute;
  right: 0;
  top: 1em;
  width: 20em;
}

#comics-latest-comments table
{
  margin-bottom: 1em;
}

#comics-top table
{
  margin-bottom: 1em;
}

.statistics table
{
  border: 1px dashed #000;
  border-right: none;
}

.statistics table tr td
{
  overflow: hidden;
}

.staff-comment
{
  color: #f00;
}

div .navigation
{
  margin: auto auto;
  text-align: center;
}

.navigation ul
{
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
	white-space: nowrap;
}

.navigation ul li
{
	position: relative;
	white-space: nowrap;
	border: none;
	padding: 0;
	background-repeat: no-repeat;
	display: inline;
	padding-right: 1em;
}

#intro
{
  padding: 1em;
  text-align: center;
  background-color: #fff;
  color: #66f;
  border: 1px dashed #000;
  display: block;
}

#archive-year-list ul li.selected a
{
  color: #f00;
}